<template>
    <h3>Child</h3>
    <p>{{ title }}</p>
    <p>{{ demo }}</p>
    <p>{{ age }}</p>
    <ul>
        <li v-for="(name, index) in names" :key="index">{{ name }}</li>
    </ul>
    <p>{{ userInfo.name }}</p>
    <p>{{ userInfo.age }}</p>
</template>


<script>
export default{
    data(){
        return{
            
        }
    },
    // 子组件用中括号和字符串来接收传递的标签
    // 只能父组件传递给子组件，不能反过来
    props:["title", "demo", "age", "names", "userInfo"]
}
</script>


<style>

</style>